<template>
  <div class="community-page h100">
    <div class="wechart-main">
      <div class="group-title">
        {{ description }}
      </div>
      <div class="flex flex-center mt15">
        <div class="ewm-img">
          <van-image
            @click="ImgPreview"
            v-if="imageUrl"
            class="whfull"
            mode="widthFix"
            :src="imageUrl"
          />
        </div>
      </div>
    </div>
  </div>
</template>

<script>
import {ref} from 'vue'
import { useRoute } from 'vue-router';
import { ImagePreview } from 'vant';
export default {
  components: {
  },
  setup() {
    const route = useRoute();
    const imageUrl = route.query.imageUrl
    const description = route.query.description
    const ImgPreview = () => {
      ImagePreview([imageUrl]);
    }
    return {
      imageUrl,
      description,
      ImgPreview
    };
  }
};
</script>

<style lang="scss" scoped>
.community-page{
  background: #FFF;
  padding: 40px 36px 201px 40px;
}
.group-title {
  color: #373d52;
  font-weight: 600;
  font-size: 48px;
}
</style>